<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/weui/0.4.3/style/weui.min.css" rel="stylesheet">
<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-weui/1.2.1/css/jquery-weui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-weui/0.8.3/js/jquery-weui.min.js"></script>



<!-- 框架的组件文档 "http://old.jqweui.com/components#panel" -->
<div class="weui_panel weui_panel_access" style="font-size: 14px">
	<div class="weui_panel_hd">图文组合列表</div>
	<div class="weui_panel_bd">
		<a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
			<div class="weui_media_hd">
				<img class="weui_media_appmsg_thumb" src="" alt="">
			</div>
			<div class="weui_media_bd">
				<h4 class="weui_media_title">标题一</h4>
				<p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
			</div>
		</a>
		<a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
			<div class="weui_media_hd">
				<img class="weui_media_appmsg_thumb" src="" alt="">
			</div>
			<div class="weui_media_bd">
				<h4 class="weui_media_title">标题二</h4>
				<p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
			</div>
		</a>
	</div>
	<a class="weui_panel_ft" href="javascript:void(0);">查看更多</a>
</div>

<script type="text/javascript">
	//获取列表项
	var panel_item=$('.weui_panel_bd>a');
	panel_item.click(function(){
		console.log($(this).index());
		//dosomething
	});
	//获取按钮
	var panelbtn=$('.weui_panel_ft');
	panelbtn.click(function(){
		console.log($(this).index());
		//dosomething
	});
</script>
